<%--
  User: wyz
  Date: 2024/7/22
  Time: 15:55
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>系统管理</title>
    <style>
        /* 设置整体大框架 */
        .overall{
            /* 设置窗口大小 */
            width: 900px;
            height: 500px;

            /* 将弹性 <div> 元素的所有项目的居中对齐 */
            align-items: center;

            /* 设置图片外边距 左右居中 上方5% */
            margin: 5% auto;
        }

        .content{
            /* 设置相对定位 */
            position: relative;
            height: 400px;
        }

        .content ul{
            /* 去除标签<ul><li></li></ul>默认加的样式 */
            list-style-type: none;
        }

        .content ul>li{
            width: 600px;
            height: 300px;

            /* 设置绝对定位 */
            position: absolute;

            /* 设置过度效果 时间为1s */
            transition: 1s;

            /* 设置最大透明度 默认一开始图片为透明的 当下面js加载的时候
                第一张图片设置为不透明
            */
            opacity: 0;
        }

        /* 设置每个图片的样式 */
        .content ul>li img{
            /* 设置每一张图片的大小 */
            width: 900px;
            height: 500px;

            /* 设置圆角边框 */
            border-radius: 5%;

            /* 设置边框样式 */
            border: 5px solid #0e0600;
        }

        /* 设置轮播图下面的小点 */
        .content ol{
            /* 设置相对定位 */
            position: relative;

            /* 设置网格布局 */
            display: grid;

            /* 设置网格布局中的列数及宽度 */
            grid-template-columns: repeat(3, 75px);

            /* 设置网格布局中的行数及宽度 */
            grid-template-rows: auto;

            /* 设置网格行与列之间的间隙 */
            /* 间隙为1em */
            grid-gap: 1em;
            gap:1em;

            /* 右浮动 */
            float: right;

            /* 设置浮点的向上的内边距 */
            margin-top: 450px;

            /* 去除列表样式 */
            list-style: none;

            /* 把图像的上边缘设置在其包含元素上边缘之下0px高的位置 */
            top: 0;

            /* 把图像的左边缘设置在其包含元素上边缘之下0px高的位置 */
            left: 0;
        }

        .content ol li{
            /* 设置每个小点的大小 */
            width: 25px;
            height: 10px;

            /* 设置里面的文字的大小 */
            font-size: 15px;

            /* line-height 属性设置行间的距离（行高） */
            line-height: 20px;

            /* 浮动左对齐 */
            float: left;

            /* 设置文本居中 */
            text-align: center;

            /* 把表格做成圆点 */
            border-radius: 2em;

            /* 设置圆点的边框 */
            border: 5px solid #af9d9d;
        }
    </style>

</head>
<body>

<%@include file="../common/header.jsp"%>
<div class="container clearfix">
    <%@include file="../common/menu.jsp"%>
    <!--/sidebar-->
    <div class="main-wrap">
        <div class="crumb-wrap">
            <div class="crumb-list">
                <i class="icon-font"></i>
                <a href="http://localhost:8080/back/index.jsp">首页</a>
                <span class="crumb-step">&gt;</span>
                <span class="crumb-name">系统管理</span>
            </div>
        </div>
        <div class="search-wrap">
            <div class="search-content">
                <form action="http://localhost:8080/user/getUserByName" method="get">
                    <input type="hidden" name="page" value="1">
                    <table class="search-tab">
                        <tr>
<%--                            ./operatorLog/find-operator-log-all--%>
                            <th width="70"><p> 日志管理:</p> </th>
                            <td>
                                <a href="/operatorLog/find-operator-log-all"><input class="btn btn-primary btn2" name="sub" value="日志管理" type="button"/></a>
                            </td>
                            <th width="70"><p> 角色权限: </p></th>
                            <td>
                                <input class="btn btn-primary btn2" name="sub" value="角色权限管理" type="submit"/>
                            </td>

                             <th width="70"><p> 用户管理:</p> </th>
                                <td>
                                        <a href="../systemAdmin/addSystemAdmin"><input class="btn btn-primary btn2" name="sub" value="添加用户" type="button"/></a>
                                </td>
                            <th width="70"><p></p ></th>
                                <td>
                                <div class="common-text">
                                      <label for="category"  placeholder="请选择依据排序的字段"></label>
                                         <select name="sort" id="category">
                                          <option value=""  disabled selected>请选择依据排序的字段</option>
                                             <option value="goods_id">商品编号</option>
                <%--                                                <option value="supplierCompany">供应商公司名</option>--%>
                <%--                                                <option value="supplierName">供应商负责人</option>--%>

            </select>
        </div>
    </td>
                        </tr>
                    </table>
                </form>
            </div>

        </div>
        <div class="result-wrap">
            <div class="result-content">
                <table class="result-tab" width="100%">
                    <thead>
                    <tr>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>民族</th>
                        <th>联系方式</th>
                        <th>邮箱</th>
                        <th>籍贯</th>
                        <th>家庭住址</th>
                        <th>婚姻状况</th>
<%--                        <th>能否登录</th>--%>
<%--                        <th>详细资料</th>--%>
                        <th colspan="2">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <c:forEach items="${systemAdmins}" var="systemAdmins">
                        <tr>
                            <td>${systemAdmins.name}</td>
                            <td>${systemAdmins.gender}</td>
                            <td>${systemAdmins.nation}</td>
                            <td>${systemAdmins.contactNumber}</td>
                            <td>${systemAdmins.email}</td>
                            <td>${systemAdmins.origin}</td>
                            <td>${systemAdmins.homeAddress}</td>
                            <td>${systemAdmins.maritalStatus}</td>
<%--                            <td class="details"><a href="../goods/getGoodsById?id=${goods.goods_id}">查看</a></td>--%>
                            <td class="action" ><a href="#">修改</a></td>
                            <td class="details"><a href="../systemAdmin/deleteById?id=${systemAdmins.adminId}">删除</a></td>
                        </tr>
                    </c:forEach>
                    </tbody>

                </table>
            </div>
        </div>
<%--        <div class="result-wrap">
            <div class="result-content">


            &lt;%&ndash;    <!-- 整体框架 -->
                <div class="overall">
                    <!-- 内容  -->
                    <div class="content">
                        <!-- 轮播图片 -->
                        <ul>
                            <li><img src="./images/system1.jpeg" alt=""></li>
                            <li><img src="./images/system2.jpg" alt=""></li>
                            <li><img src="./images/system3.jpg" alt=""></li>
                        </ul>
                        <!-- 轮播图的点 -->
                        <ol>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ol>
                    </div>
                </div>
&ndash;%&gt;





            </div>
        </div>--%>


<%--        <%@include file="../common/page.jsp"%>--%>

    </div>
</div>
<%@include file="../common/footer.jsp"%>

</body>
</html>
